﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台管理-jQuery EasyUI Demo</title>
    <link href="~/Content/jqueryeasyui/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/Content/jqueryeasyui/themes/icon.css" rel="stylesheet" />
    <script src="~/Content/jqueryeasyui/jquery-1.8.0.min.js"></script>
    <script src="~/Content/jqueryeasyui/jquery.easyui.min.js"></script>
    <script src="~/Content/jqueryeasyui/locale/easyui-lang-zh_CN.js"></script>
    @*执行JavaScript的脚本*@
    <script>
        $(function () {
            
            //读取动态变化的时间
            //ReadDateTimeShow();
            //绑定菜单按钮的点击事件
            //BindMenuClickEvent();
            //这里实现对时间动态的变化
            //var setTimeInterval = setInterval(ReadDateTimeShow, 1000);
            //Tab页签的实现
            $("#worktab").tabs({});
            //$('#tt').tree({
            //    url: '/admin/GetMenus'
            //});
            //$.post('/admin/GetMenus', data, success(data))

        });
       
        //绑定菜单按钮的点击事件  MenuLink
        function BindMenuClickEvent() {
            $(".MenuLink").click(function () {
                //获取按钮里面的src属性
                var src = $(this).attr("src");
                //将主框架的iframe跳转到菜单指向的地址
                //$("#frmWorkArea").attr("src", src);

                //得到节点的名字来放去Title
                var title = $(this).text();
                //拼接一个Iframe标签
                var str = '<iframe id="frmWorkArea" width="100%" height="100%" frameborder="0" scrolling="yes" src="' + $(this).attr("src") + '"></iframe>'

                //首先判断用户是否已经单击了此项，如果单击了直接获取焦点，负责打开
                var isExist = $("#worktab").tabs('exists', title);
                if (!isExist) {
                    //添加tab的节点，调用easyUITab标签的方法
                    $("#worktab").tabs('add', {
                        title: title,
                        content: str,
                        iconCls: 'icon-save',
                        closable: true
                    });
                }
                else {
                    //如果存在则获取焦点
                    $("#worktab").tabs('select', title);
                }
            });
        }

        //读取动态变化的时间
        function ReadDateTimeShow() {
            var year = new Date().getFullYear();
            var month = new Date().getMonth() + 1;
            var day = new Date().getDate();
            var time = new Date().toLocaleTimeString();
            var addDate = year + "年" + month + "月" + day + "日,时间:" + time;
            $("#date").text(addDate);
        }
        

        
       

    </script>

</head>
<body class="easyui-layout">
    @*---------------------------标题栏--------------------------*@
    <div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">
        @Html.Partial("Index/Top")
    </div>
    @*---------------------------标题栏--------------------------*@

    @*---------------------------导航菜单--------------------------*@
    <div data-options="region:'west',split:true,title:'导航菜单'" style="width:150px;padding:2px;">

        @*<div class="easyui-accordion" data-options="fit:true,border:true">*@
           @* <div title="后台权限管理"  data-options="selected:false" style="padding: 10px; overflow: auto;">*@
                @*------存放菜单项-------*@
                @*<p><a href="javascript:void(0)" src="/User/Index" class="MenuLink">用户列表</a></p>
                <p><a href="javascript:void(0)" src="/Role/Index" class="MenuLink">角色管理</a></p>
                <p><a href="javascript:void(0)" src="/Permission/Index" class="MenuLink">权限管理</a></p>
                <p><a href="javascript:void(0)" src="/Group/Index" class="MenuLink">权限组管理</a></p>*@
            @*</div>*@
            @*<div title="网站基本管理" iconcls="icon-edit" style="padding: 10px;">
                <p><a href="javascript:void(0)">新闻管理</a></p>
                <p><a href="javascript:void(0)">图片管理</a></p>
                <p><a href="javascript:void(0)">上传管理</a></p>
            </div>*@
            @*树形菜单*@
        @*</div>*@
         @Html.Partial( "Index/Left" )    
    </div>
    @*---------------------------导航菜单--------------------------*@

    @*---------------------------状态栏--------------------------*@

    <div data-options="region:'south',border:false" style="height:30px;background:#A9FACD;padding:0px;"><div class="easyui-layout" data-options="fit:true" style="background: #ccc;">
    <div data-options="region:'center'" style="text-align: center; padding: 10px;">版权所有： @@版权人 &&2013-2030 </div>
</div></div>
    @*---------------------------状态栏--------------------------*@

    @*－－－－－－－－－－－－－－－－－中间正文内容－－－－－－－－－－－－*@
    <div data-options="region:'center',title:''">
        @*<div id="worktab" fit="true">*@
            @*<div title="权限网站公告" data-options="cache:false">
                <iframe id="frmWorkArea" width="100%" height="100%" frameborder="0" scrolling="yes" src="~/Welcome.html"></iframe>
            </div>*@
        @*</div>*@
        @Html.Partial( "Index/Center" )
    </div>
    @*－－－－－－－－－－－－－－－－－中间正文内容－－－－－－－－－－－－*@

</body>
</html>